2007 год — в web дизайне царствовала Flash анимация. Мой проект: сайт логистической компании с адаптивной анимацией (Flash & HTML+CSS) в дизайне главной страницы. Сайт способен автоматически подстраиваться под наличие плагина Adobe Flash Player.
Eng.
2007 — Flash animation reigned in Web design. My project: A website of a logistics company with adaptive animation (Flash & HTML+CSS) in the design of the main page. The site is able to automatically adapt to the presence of Adobe Flash Player plugin.
2007 — Flash animation reigned in Web design. My project: A website of a logistics company with adaptive animation (Flash & HTML+CSS) in the design of the main page. The site is able to automatically adapt to the presence of Adobe Flash Player plugin.
Кадры анимации
Кадры анимации
Кадры анимации
С появлением у поисковых систем технологии учёта статистики, появился контроль времени нахождения посетителей на сайте после перехода по поисковому запросу. Если посетители находятся на странице (по ссылке из поиска) слишком короткое время, то это фактор "отказа", который стал влиять на ранжирование сайта в ТОП поиска.
На помощь приходит презентационная анимация в дизайне сайта. Она позволяет задерживать внимание пользователя, увеличивать время просмотра страницы, резко понижать количество "отказов" (коротких просмотров) и увеличивать вовлечение. Это положительно влияет на оценку сайта алгоритмами поисковых систем.
Для реализации адаптивной анимации (под наличие или отсутствие плагина Adobe Flash Player в браузерах) мной была разработана технология вёрстки сайта с интеграцией сразу 2-х видов анимации в дизайн одной страницы. Без помех для задач SEO оптимизации контента и навигации на странице. При наличии плагина Adobe Flash Player в браузере посетителя сатй, ему показывалась полная Flash версия анимации. При отсутствии плагина, посетитель видел упрощённую версию анимации (HTML+CSS). Мой адаптированный фреймворк:
В действующем шаблоне главной страницы сайта можно увидеть эту технологию. При наличии у вас браузера с работающим плагином Flash Player, будет показана полная версия анимации (без плагина - только CSS анимация). Эта Flash анимация весит 290 Kb, но не влияет на скорость загрузки страницы при прохождении тестов. Так как в анимации присутствует сценарий контроля загрузки (освобождая от тяжёлых файлов библиотеки первые секунды построения страницы в браузере) и существует потоковая загрузка файла Flash анимации. А в HTML5+CSS версии анимации отсутствует JavaScript. Результат - 100% прохождение PageSpeed Insights. Технология создавалась под требования SEO и последующее поисковое продвижение проектов. Именно такое сочетание графической анимации может спокойно и эффективно проходить даже современные тесты на скорость загрузки и требования Core Web Vitals 2021
С 2019 года поддержка Flash анимации в браузерах Chrome прекращена и закончилась эра зрелищного интерактивного интернета (история Flash анимации). Предпочтение индексации сайтов отдано мобильным версиям сайта. А с появлением требований Core Web Vitals 2021 все страницы сайтов стали обязательно тестироваться на скорость загрузки. Для технологии анимации, способной повысить поведенческий фактор посетителей на сайте, осталось использовать только HTML5+CSS анимацию (без JavaScript).
Описание проекта (project description. Rus) - finest.ru/sozdanie-sayta-adonai.htm
Действующие шаблоны (valid templates) - finest.ru/sites/logistika/
Действующие шаблоны (valid templates) - finest.ru/sites/logistika/
